import { required } from 'vuelidate/lib/validators';
<style lang="stylus" scoped>

</style>

<template>
  <div class="row justify-between q-col-gutter-md">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
      <q-card class="shadow-2">
        <q-card-section class="row justify-between items-center q-py-sm">
          <q-icon name="fas fa-building" size="30px" color="primary"/>
          <div class="q-mx-md">
            <p class="q-mb-none text-weight-bold" style="font-size:1.5em">
              {{ mainInfoForm.name }}
              <!-- <q-badge transparent align="top" color="orange">
                待审核
              </q-badge> -->
            </p>
          </div>
          <q-space />
          <q-btn outline label="保存" color="primary"/>
          <q-btn outline class="on-right" label="返回" color="primary"/>
        </q-card-section>
        <q-separator inset />
        <q-card-section class="row q-col-gutter-x-md q-col-gutter-y-sm">
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col1" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="企业类型："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col2" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="企业性质："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col3" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="国家："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col4" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="省："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col5" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="城市："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col6" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="注册地址："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col7" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="网址："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col8" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="电话："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col9" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="传真："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col10" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="邮编："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col11" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="法人代表："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col12" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="法人代表身份证号码："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col13" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="职务/职称："/>
              </template>
            </q-input>
          </div><div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col14" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="联系电话："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col15" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="营业执照号码："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col16" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="税率："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col17" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="开户行："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col18" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="银行账号："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col19" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="注册商标："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col20" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="注册时间："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col21" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="3C认证："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col22" dense>
              <template v-slot:prepend>
                <q-chip style="width: 105px" class="q-pa-none" dense square color="white" text-color="grey-7" label="固定资产（万元）："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col23" dense>
              <template v-slot:prepend>
                <q-chip style="width: 120px" class="q-pa-none" dense square color="white" text-color="grey-7" label="建筑面积（平方米）："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col24" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="有无进出口权："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col25" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="关联方关系："/>
              </template>
            </q-input>
          </div>
          <div class="col-3">
            <q-input readonly borderless v-model="baseInfoForm.col26" dense>
              <template v-slot:prepend>
                <q-chip style="width: 85px" class="q-pa-none" dense square color="white" text-color="grey-7" label="关系类型："/>
              </template>
            </q-input>
          </div>
        </q-card-section>
      </q-card>
    </div>
    <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
      <q-card class="shadow-2">
        <q-toolbar class="text-primary rounded-borders">
          <q-tabs v-model="tabPur" shrink>
            <q-tab name="tab1" label="采方视图" />
          </q-tabs>
          <q-space />
          <!-- <div class="text-h6">采购视图</div> -->
        </q-toolbar>
        <q-separator inset />
        <q-tab-panels v-model="tabPur" animated>
          <q-tab-panel name="tab1">
            <!-- <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  基本信息
                </q-item-section>
                <q-item-section side>
                  <q-icon name="edit" size="1.2em" color="grey" @click.stop="edit"/>
                </q-item-section>
              </template>
              <q-card>
                <q-card-section class="q-py-none row justify-between q-col-gutter-x-sm">

                </q-card-section>
              </q-card>
            </q-expansion-item> -->
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  控股情况
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">控股比例（%）</th>
                    <th class="text-left">股东全称</th>
                    <th class="text-left">股东性质</th>
                    <th class="text-left">电话</th>
                    <th class="text-left">地址</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  组织机构
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">组织机构图</th>
                    <th class="text-left">上传附件</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td></td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  下属公司
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">下属公司</th>
                    <th class="text-left">地址</th>
                    <th class="text-left">主要产品</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  主要负责人及联系方式
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">主要负责人</th>
                    <th class="text-left">姓名</th>
                    <th class="text-left">公司电话</th>
                    <th class="text-left">手机</th>
                    <th class="text-left">语言</th>
                    <th class="text-left">邮箱</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>总经理</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>销售负责人</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>销售经理</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>生产负责人</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>质量负责人</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>技术负责人</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>财务负责人</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>物流负责人</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  经营和投资状况（前3年、当年、后1年（预估））
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">品项</th>
                    <th class="text-left">2015</th>
                    <th class="text-left">2016</th>
                    <th class="text-left">2017</th>
                    <th class="text-left">2018</th>
                    <th class="text-left">2019</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>产值</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>年销售额</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>资产负债率</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>出口产品所占比例</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>总投资额</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>设备投资额</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  5个主要客户
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">品项</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>产值</td>
                  </tr>
                  <tr>
                    <td>年销售额</td>
                  </tr>
                  <tr>
                    <td>资产负债率</td>
                  </tr>
                  <tr>
                    <td>出口产品所占比例</td>
                  </tr>
                  <tr>
                    <td>总投资额</td>
                  </tr>
                  <tr>
                    <td>设备投资额</td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  资质认证体系
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">品项</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>产值</td>
                  </tr>
                  <tr>
                    <td>年销售额</td>
                  </tr>
                  <tr>
                    <td>资产负债率</td>
                  </tr>
                  <tr>
                    <td>出口产品所占比例</td>
                  </tr>
                  <tr>
                    <td>总投资额</td>
                  </tr>
                  <tr>
                    <td>设备投资额</td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  主要产品情况
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">品项</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>产值</td>
                  </tr>
                  <tr>
                    <td>年销售额</td>
                  </tr>
                  <tr>
                    <td>资产负债率</td>
                  </tr>
                  <tr>
                    <td>出口产品所占比例</td>
                  </tr>
                  <tr>
                    <td>总投资额</td>
                  </tr>
                  <tr>
                    <td>设备投资额</td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  员工情况
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">品项</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>产值</td>
                  </tr>
                  <tr>
                    <td>年销售额</td>
                  </tr>
                  <tr>
                    <td>资产负债率</td>
                  </tr>
                  <tr>
                    <td>出口产品所占比例</td>
                  </tr>
                  <tr>
                    <td>总投资额</td>
                  </tr>
                  <tr>
                    <td>设备投资额</td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  生产情况
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">品项</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>产值</td>
                  </tr>
                  <tr>
                    <td>年销售额</td>
                  </tr>
                  <tr>
                    <td>资产负债率</td>
                  </tr>
                  <tr>
                    <td>出口产品所占比例</td>
                  </tr>
                  <tr>
                    <td>总投资额</td>
                  </tr>
                  <tr>
                    <td>设备投资额</td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  工艺流程及需外协加工艺
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">品项</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>产值</td>
                  </tr>
                  <tr>
                    <td>年销售额</td>
                  </tr>
                  <tr>
                    <td>资产负债率</td>
                  </tr>
                  <tr>
                    <td>出口产品所占比例</td>
                  </tr>
                  <tr>
                    <td>总投资额</td>
                  </tr>
                  <tr>
                    <td>设备投资额</td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  物流方法
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">品项</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>产值</td>
                  </tr>
                  <tr>
                    <td>年销售额</td>
                  </tr>
                  <tr>
                    <td>资产负债率</td>
                  </tr>
                  <tr>
                    <td>出口产品所占比例</td>
                  </tr>
                  <tr>
                    <td>总投资额</td>
                  </tr>
                  <tr>
                    <td>设备投资额</td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  设计
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">品项</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>产值</td>
                  </tr>
                  <tr>
                    <td>年销售额</td>
                  </tr>
                  <tr>
                    <td>资产负债率</td>
                  </tr>
                  <tr>
                    <td>出口产品所占比例</td>
                  </tr>
                  <tr>
                    <td>总投资额</td>
                  </tr>
                  <tr>
                    <td>设备投资额</td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  主要生产和检测设备
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">品项</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>产值</td>
                  </tr>
                  <tr>
                    <td>年销售额</td>
                  </tr>
                  <tr>
                    <td>资产负债率</td>
                  </tr>
                  <tr>
                    <td>出口产品所占比例</td>
                  </tr>
                  <tr>
                    <td>总投资额</td>
                  </tr>
                  <tr>
                    <td>设备投资额</td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  质量保证能力
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">品项</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>产值</td>
                  </tr>
                  <tr>
                    <td>年销售额</td>
                  </tr>
                  <tr>
                    <td>资产负债率</td>
                  </tr>
                  <tr>
                    <td>出口产品所占比例</td>
                  </tr>
                  <tr>
                    <td>总投资额</td>
                  </tr>
                  <tr>
                    <td>设备投资额</td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
            <q-expansion-item
              dense
              style="border-radius: 5px"
              class="overflow-hidden q-mt-sm"
              switch-toggle-side
              header-class="bg-grey-3 text-weight-bold"
              expand-icon-class="text-grey-9"
            >
              <template v-slot:header>
                <q-item-section>
                  附件信息
                </q-item-section>
              </template>
              <q-markup-table separator="cell" flat bordered class="q-mt-sm" dense>
                <thead>
                  <tr class="bg-grey-4">
                    <th class="text-left">品项</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>产值</td>
                  </tr>
                  <tr>
                    <td>年销售额</td>
                  </tr>
                  <tr>
                    <td>资产负债率</td>
                  </tr>
                  <tr>
                    <td>出口产品所占比例</td>
                  </tr>
                  <tr>
                    <td>总投资额</td>
                  </tr>
                  <tr>
                    <td>设备投资额</td>
                  </tr>
                </tbody>
              </q-markup-table>
            </q-expansion-item>
          </q-tab-panel>
        </q-tab-panels>
      </q-card>
    </div>
    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
      <q-card class="shadow-2">
        <q-toolbar class="text-primary rounded-borders">
          <q-tabs v-model="tabTwo" shrink>
            <q-tab name="tab1" label="业务视图" />
          </q-tabs>
          <q-space />
          <!-- <div class="text-h6">业务视图</div> -->
        </q-toolbar>
        <q-separator inset />
        <q-tab-panels v-model="tabTwo" animated>
          <q-tab-panel name="tab1">
            <q-markup-table separator="cell" flat bordered dense>
              <tbody>
                <tr>
                  <td class="text-primary">供应商绩效</td>
                </tr>
                <tr>
                  <td class="text-primary">询价列表</td>
                </tr>
                <tr>
                  <td class="text-primary">质量异常列表</td>
                </tr>
                <tr>
                  <td class="text-primary">订单列表</td>
                </tr>
                <tr>
                  <td class="text-primary">图纸发放列表</td>
                </tr>
                <tr>
                  <td class="text-primary">对账记录</td>
                </tr>
              </tbody>
            </q-markup-table>
          </q-tab-panel>
        </q-tab-panels>
      </q-card>
    </div>
  </div>
</template>

<script>
export default {
  components: {

  },
  data () {
    return {
      mainInfoForm: {
        name: '镇江同和金属表面处理有限公司',
        code: '',
        createTime: '',
        createUserName: ''
      },
      baseInfoForm: {
        col1: '生产型',
        col2: '民企',
        col3: '中国人民共和国',
        col4: '江苏省',
        col5: '镇江',
        col6: '镇江新区大港镇澄路198号',
        col7: '',
        col8: '0519-67892508',
        col9: '0519-88405666',
        col10: '212000',
        col11: '崔桂生',
        col12: '',
        col13: '总经理',
        col14: '13815075711',
        col15: '321191000201708220005',
        col16: '13%',
        col17: '工行谏壁支行',
        col18: '1104070009200168028',
        col19: '',
        col20: '2011-04-06 00::00:00',
        col21: '无',
        col22: '300',
        col23: '1683',
        col24: '无',
        col25: '是',
        col26: ''
      },
      tabPur: 'tab1',
      tabTwo: 'tab1'
    }
  },
  computed: {
  },
  watch: {
  },
  mounted () {
  },
  methods: {
  },
  validations: {
  }
}
</script>
